<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
 <head>
  <title>Mozilla CSS: -moz-float-edge: margin-box and alignment</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/mozilla/float-edge/008.html"/>
    <style type="text/css">
   p { margin: 0; }
   div { border: ridge; }
   .left { float: left; margin: 1em; width: 300px; }
   .center { margin: 1em auto; width: 100px; -moz-float-edge: margin-box; }
  </style>
 </head>
 <body>
  <p>-moz-float-edge: margin-box -- the box should be centered
  relative to the remaining space and not the viewport (note that the
  float has 1em margins so the remaining space should be less than it
  appears).</p>
  <div class="left">left</div>
  <div class="center">center</div>
 </body>
</html>